Skip to content

🤖 tests: isolate project settings + right sidebar stories from app shell#3044

Open
jaaydenh wants to merge 3 commits intomainfrom
stories-1xm4
Open

🤖 tests: isolate project settings + right sidebar stories from app shell#3044
jaaydenh wants to merge 3 commits intomainfrom
stories-1xm4

Conversation

@jaaydenh
Copy link
Contributor

Summary

Migrates the app-level App.projectSettings.stories.tsx into two colocated component-level story files and decouples ImmersiveReviewView.stories.tsx from app-level meta. All stories now render components directly with minimal provider harnesses — no AppWithMocks, no appMeta, no AppStory.

Background

App-level stories navigate through the full app shell (click settings button → MCP tab → interact) which is slow, flaky across Storybook remounts, and couples tests to app-shell routing. Component-level stories render the target component directly, making them faster, more stable, and easier to maintain.

Implementation

Project settings split (14 scenarios → 2 files):

  • MCPSettingsSection.stories.tsx (7 scenarios) — renders the settings section directly with ThemeProvider + TooltipProvider + APIProvider + ExperimentsProvider + PolicyProvider
  • WorkspaceMCPModal.stories.tsx (7 scenarios) — renders the modal in open state directly with additional RouterProvider + SettingsProvider
  • Deleted App.projectSettings.stories.tsx
  • All app-shell navigation helpers (openProjectSettings, openWorkspaceMCPModal, createWorkspaceMCPModalScope) replaced with direct component rendering

ImmersiveReviewView decoupling:

  • Replaced ...appMeta spread + AppStory type with local Meta<typeof ImmersiveReviewView> and StoryObj<typeof meta>
  • Explicit layout: "fullscreen" and chromatic parameters instead of inheriting from app meta

Generated with mux • Model: anthropic:claude-opus-4-6 • Thinking: xhigh • Cost: $9.37

@jaaydenh
Copy link
Contributor Author

@codex review

Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: a8e995c4d7

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

@jaaydenh
Copy link
Contributor Author

@codex review

Fixed the stale-client issue in both story shells — now tracking the setup function reference and recreating the ORPC client when it changes between story exports.

@chatgpt-codex-connector

This comment has been minimized.

@jaaydenh
Copy link
Contributor Author

@codex review

Please take another look.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant